<template>
	<view class="main">
		<!-- 轮播 -->
		<u-swiper :list="shopInfo.bannerList" class="banner" height="350" radius="0"></u-swiper>
		<!-- 商品数据 -->
		<shopmsg :shopInfo="shopInfo" @showSku="skuStates = true"></shopmsg>
		<!-- 底部弹窗 -->
		<u-popup :show="skuStates" :round="10" mode="bottom" @close="skuStates = false" @open="skuStates = true">
			<view class="showPopup">
				<view>请选择规格</view>
				<view></view>
			</view>
		</u-popup>
		<!-- 菜单栏 -->
		<pfooter />
	</view>
</template>

<script>
import shopmsg from './components/shopinfo.vue';
import pfooter from './components/footer.vue';
import shopData from './common/utils.js';
export default {
	data() {
		return {
			skuStates: true,
			shopInfo: shopData.shopInfo
		};
	},
	onLoad() {
		console.log(shopData.shopInfo);
	},
	components: { pfooter, shopmsg },
	methods: {}
};
</script>

<style lang="scss">
.main {
	.banner {
		width: 100%;
		height: 800rpx;
	}
	.showPopup {
		padding: 40rpx;
	}
}
</style>
